<!DOCTYPE html>
<html>
<head>
    <title>Webix 表格 Demo</title>
    <!-- 引入 Webix 库 -->
    <link rel="stylesheet" href="css/webix.css">
    <script src="js/webix.js"></script>

</head>
<body>
    <div id="container" style="width: 800px; height: 400px; margin: 20px auto;"></div>

    <script>
        webix.ready(function() {
            webix.ui({
                container: "container",
                view: "datatable",
                columns: [
                    { id: "id", header: "ID", width: 50 },
                    { id: "name", header: "姓名", fillspace: true },
                    { id: "age", header: "年龄", width: 70 },
                    { id: "country", header: "国家", width: 150 }
                ],
                data: [
                    { id: 1, name: "张三", age: 28, country: "中国" },
                    { id: 2, name: "李四", age: 35, country: "美国" },
                    { id: 3, name: "王五", age: 22, country: "日本" },
                    { id: 4, name: "赵六", age: 41, country: "德国" }
                ]
            });
        });
    </script>
</body>
</html>
